<template>
	<div>

		<!--头部-->
		<div class="ade-header">
			<div class="inner">
				<div class="float-left ade-logo-wall logo" style="width: 260px;height: 36px;margin-top: 20px;">
					<a href="/"><img src="../../static/images/logo3.png" alt=""></a>
				</div>
				<div class="float-left" style="padding-left: 6%">
					<router-link to="main/index">
					<a class="nav " href="/">首页</a>
					</router-link>
					<div class="nav">
						<span>社会化营销</span>
						<ul class="sect" onclick="window.open('http://yun.kouhaobang.com/member/login','_blank')">
							<li>软文推广</li>
							<li>自媒体推广</li>
							<li>小红书推广</li>
							<li>微信推广</li>
							<li>微博推广</li>
						</ul>
					</div>
					<div class="nav">
						<span>视频营销</span>
						<ul class="sect" onclick="window.open('http://yun.kouhaobang.com/member/login','_blank')">
							<li>直播推广</li>
							<li>抖音推广</li>
							<li>快手推广</li>
							<li>带货推广</li>
						</ul>
					</div>
					<div class="nav">
						<span>营销方案</span>
						<router-link to="distribut">
						<a href="#" target="_blank">
							<ul class="sect">
								<li>节日活动</li>
								<li>电商促销</li>
								<li>整合营销</li>
								<li>品牌推广</li>
								<li>新品推广</li>
							</ul>
						</a>
						</router-link>
					</div>
					<div class="nav  active " >免费OEM</div>
				</div>
				<div class="float-right">
					<router-link tag="a" target="_blank" to="regist">
						<div class="nav" >注册</div>
					</router-link>
					<router-link tag="a" target="_blank" to="login">
						<a class="nav">登录</a>
					</router-link>
				</div>
			</div>
		</div>
		<div class="pc">
			<div class="top-wrapper">
				<div class="top common_w clearfix">

				</div>

			</div>
		</div>
		<div class="project-nav">
			<div class="common_w">
				<ul class="common_center clearfix nav_">
					<li class="fl"><a href="#scqj" class="nav-item">市场前景</a></li>
					<li class="fl"><a href="#xmys" class="nav-item">系统优势</a></li>
					<li class="fl"><a href="#zbzc" class="nav-item">项目优势</a></li>
					<li class="fl"><a href="#ppsl" class="nav-item">代理支持</a></li>
					<li class="fl"><a href="#hzlc" class="nav-item">合作流程</a></li>
				</ul>
			</div>
		</div>

		<div class="q-group">
			<div class="common_w">
				<div class="group_title common_center clearfix">
					<div class="t-left">
						<div class="t-border"></div>
						<div class="t-circle"></div>
					</div>
					<p class="t-content" id="scqj">市场前景</p>
					<div class="t-right">
						<div class="t-circle"></div>
						<div class="t-border"></div>
					</div>
				</div>
				<div class="data-wrapper clearfix">
					<div class="data-img fl">
						<ul class="clearfix data-form">
							<li class="fl" style="padding-top: 6px;">
								<p class="mb10">6.8亿</p>
								<img src="../../static/picture/data_06.png" alt="">
								<p class="mt10">网名总数</p>
							</li>
							<li class="fl" style="padding-top: 17px;">
								<p class="mb10">7.2亿</p>
								<img src="../../static/picture/data_09.png" alt="">
								<p class="mt10">手机网名</p>
							</li>
							<li class="fl">
								<p class="mb10">60.5%</p>
								<img src="../../static/picture/data_03.png" alt="">
								<p class="mt10">互联网普及率</p>
							</li>
						</ul>
					</div>
					<div class="data-text fr">
						<h3 class="title">庞大的市场需求</h3>
						<p class="low-title">Huge market demand</p>
						<p class="text">2019年，我国网民规模达8.02亿，网民通过手机接入互联网的比例高达98.3%，中国互联网广告市场规模预计突破6000亿元。</p>
					</div>
				</div>
				<div class="data-wrapper clearfix">
					<div class="data-img fr" style="padding: 0">
						<img width="100%" src="../../static/picture/data_15.png" alt="">
					</div>
					<div class="data-text fl yy" style="">
						<h3 class="title">巨大的盈利空间</h3>
						<p class="low-title">Huge profit margin</p>
						<p class="text" style="text-align: left">几乎所有的企业都需要通过网络宣传提升知名度和口碑，而99%的网络营销服务仍在使用传统对接方式。通过代理平台，能够极大的降低资源、人力和运营上的成本，更可打造独属于自己品牌，抢占市场！</p>
					</div>
				</div>
			</div>
		</div>
		<div class="q-joinus">
			<div class="common_w">
				<p class="fz36">加入口号帮，0门槛获得OEM系统，搭建自主品牌！提升竞争力！</p>
				<p class="fz24">共享千亿元的互联网广告市场！</p>
				<div class="phone">
					<img style="width:20px;" src="../../static/picture/qq.png" alt="">
					<span>QQ:2144023981</span>
				</div>
				<a href="javascript:;" class="join_btn" id="applybtn">现在申请</a>
			</div>
		</div>
		<div class="common_w duibi">
			<div class="group_title common_center clearfix">
				<div class="t-left">
					<div class="t-border"></div>
					<div class="t-circle"></div>
				</div>
				<p class="t-content" id="xmys">系统优势</p>
				<div class="t-right">
					<div class="t-circle"></div>
					<div class="t-border"></div>
				</div>
			</div>
			<table style="width:100%;margin-top: 40px;">
				<thead class="bgf8">
					<th class="w1">服务</th>
					<th class="w2">口号帮 OEM</th>
					<th class="w3">市场行情</th>
				</thead>
				<tbody>
					<tr>
						<td>
							<span>代理费用</span>
							<div class="des-box">
								<span class="des-icon"></span>
								<p class="des-text">一般招代理都会收取一定的费用。</p>
							</div>
						</td>
						<td class="blr boldfz">0代理费</td>
						<td>2000元-10万不等</td>
					</tr>
					<tr class="bgf8">
						<td>
							<span>预充值</span>
							<div class="des-box">
								<span class="des-icon"></span>
								<p class="des-text">通过预充值再“赠送”系统。</p>
							</div>
						</td>
						<td class="blr boldfz">0预充值</td>
						<td>2000元-1万预充值</td>
					</tr>
					<tr>
						<td rowspan="2">
							<span>资源使用</span>
							<div class="des-box">
								<span class="des-icon"></span>
								<p class="des-text">使用广告提供的资源需要付费和一定的数量限制。</p>
							</div>
						</td>
						<td class="blr bb boldfz">免费</td>
						<td class="bb">收费</td>
					</tr>
					<tr>
						<td class="blr bb boldfz">无上限</td>
						<td>限定数量</td>
					</tr>
					<tr class="bgf8">
						<td rowspan="7">
							<span>提供业务板块</span>
							<div class="des-box">
								<span class="des-icon"></span>
								<p class="des-text">媒体营销平台提供的多渠道业务板块和业务资源。</p>
							</div>
						</td>
						<td class="blr boldfz">软文</td>
						<td rowspan="7">软文<br>自媒体</td>
					</tr>
					<tr>
						<td class="boldfz">自媒体</td>
					</tr>
					<tr class="bgf8">
						<td class="boldfz">小红书</td>
					</tr>
					<tr>
						<td class="boldfz">短视频</td>
					</tr>
					<tr class="bgf8">
						<td class="boldfz">微博</td>
					</tr>
					<tr>
						<td class="boldfz">微信</td>
					</tr>
					<tr class="bgf8">
						<td class="boldfz">持续更新</td>
					</tr>
					<tr>
						<td>
							<span>客户管理</span>
							<div class="des-box">
								<span class="des-icon"></span>
								<p class="des-text">直接接触客户，对用户进行管理。</p>
							</div>
						</td>
						<td class="blr boldfz">独立管理</td>
						<td>官方管理</td>
					</tr>
					<tr class="bgf8">
						<td>
							<span>财务管理</span>
							<div class="des-box">
								<span class="des-icon"></span>
								<p class="des-text">财务管理内容。</p>
							</div>
						</td>
						<td class="blr boldfz">独立管理</td>
						<td>官方管理</td>
					</tr>
					<tr>
						<td>
							<span>数据管理</span>
							<div class="des-box">
								<span class="des-icon"></span>
								<p class="des-text">用户数据统计，财务数据统计，平台数据统计。</p>
							</div>
						</td>
						<td class="blr boldfz">独立管理</td>
						<td>官方管理</td>
					</tr>
					<tr class="bgf8">
						<td>
							<span>品牌宣传</span>
							<div class="des-box">
								<span class="des-icon"></span>
								<p class="des-text">独立品牌的宣传。</p>
							</div>
						</td>
						<td class="blr boldfz">自主品牌</td>
						<td>官方品牌</td>
					</tr>
					<tr>
						<td>
							<span>平台资源</span>
							<div class="des-box">
								<span class="des-icon"></span>
								<p class="des-text">能够添加自己的专属资源。</p>
							</div>
						</td>
						<td class="blr boldfz">自主添加</td>
						<td>无法添加</td>
					</tr>
					<tr class="bgf8">
						<td>
							<span>分销代理</span>
							<div class="des-box">
								<span class="des-icon"></span>
								<p class="des-text">对资源进行分销。</p>
							</div>
						</td>
						<td class="blr boldfz">免费</td>
						<td>暂无</td>
					</tr>
					<tr>
						<td>
							<span>技术保障</span>
							<div class="des-box">
								<span class="des-icon"></span>
								<p class="des-text">进行系统升级和bug修复。</p>
							</div>
						</td>
						<td class="blr boldfz">免费升级</td>
						<td>收费升级</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="q-group">
			<div class="common_w">
				<div class="group_title common_center clearfix">
					<div class="t-left">
						<div class="t-border"></div>
						<div class="t-circle"></div>
					</div>
					<p class="t-content" id="xmys">项目优势</p>
					<div class="t-right">
						<div class="t-circle"></div>
						<div class="t-border"></div>
					</div>
				</div>
				<div class="projectWrapper">
					<div class="project clearfix">
						<div class="project-item">
							<div class="common_center pi-item-select">
								<div class="willSelect unselect"></div>
							</div>
							<div class="common_text_">
								<p class="title">海量资源</p>
								<p class="text">数十万一手媒体资源，覆盖新闻、软文、微信、微博、自媒体、小红书、短视频！</p>
							</div>
						</div>
						<div class="project-item">
							<div class="common_center pi-item-select">
								<div class="willSelect unselect"></div>
							</div>
							<div class="common_text_">
								<p class="title">没有中间商赚差价</p>
								<p class="text">口号帮采用B2B模式，打通中间环节由媒体主直接对代理商报价，共享媒体资源，价格透明，最低5元即可发布，对外可自主定价，赚多少自己定！</p>
							</div>
						</div>
						<div class="project-item">
							<div class="common_center pi-item-select">
								<div class="willSelect unselect"></div>
							</div>
							<div class="common_text_">
								<p class="title">自动化系统</p>
								<p class="text">新闻、自媒体全程无需人工，客户自助发稿，API对接媒体自动发稿，全程自动化，无需额外人工。</p>
							</div>
						</div>
						<div class="project-item">
							<div class="common_center pi-item-select">
								<div class="willSelect unselect"></div>
							</div>
							<div class="common_text_">
								<p class="title">启动“0”门槛</p>
								<p class="text">无需代理费，无需预充值，OEM系统安装即可使用。</p>
							</div>
						</div>
						<div class="project-item">
							<div class="common_center pi-item-select">
								<div class="willSelect unselect"></div>
							</div>
							<div class="common_text_">
								<p class="title">自主品牌</p>
								<p class="text">支持独立品牌打造! LOGO、域名、媒体报价、会员管理、财务管理自由设定。可独立安装，资源定期更新，5分钟上手， API对接，无需经验技术轻松使用。</p>
							</div>
						</div>
						<div class="project-item">
							<div class="common_center pi-item-select">
								<div class="willSelect unselect"></div>
							</div>
							<div class="common_text_">
								<p class="title">轻松获客</p>
								<p class="text">Pc、手机、微信全面可用，24小时全平台接单。</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="q-group">
			<div class="common_w">
				<div class="group_title common_center clearfix">
					<div class="t-left" style="margin-left: 0">
						<div class="t-border"></div>
						<div class="t-circle"></div>
					</div>
					<p class="t-content">什么是口号帮？</p>
					<div class="t-right">
						<div class="t-circle"></div>
						<div class="t-border"></div>
					</div>
				</div>
				<div class="qmpWrapper clearfix">
					<div class="qmp-left fl">
						<ul>
							<li><span class="qmp-circle"></span>口号帮是一家专门为网络营销公司、广告媒介和创业人群提供服务的B2B媒体交易平台。</li>
							<li><span class="qmp-circle"></span>无门槛的免费代理和OEM系统，帮助网络推广服务商们0成本搭建属于自己品牌的媒体交易平台。</li>
							<li><span class="qmp-circle"></span>上万家媒体投放资源，媒体主平台对比报价，覆盖广面、性价比高、初稿速度快！没有中间商赚差价，轻松赚钱！</li>

						</ul>
					</div>
					<div class="qmp-right fl clearfix">
						<div class="qr-item">
							<div class="qr-item-con common_center">
								<div class="qr-text">1 万+</div>
							</div>
							<p style="text-align: center;font-size: 16px;margin: 10px 0">新闻资源</p>
						</div>
						<div class="qr-item">
							<div class="qr-item-con common_center">
								<div class="qr-text">10 万+</div>
							</div>
							<p style="text-align: center;font-size: 16px;margin: 10px 0">自媒体资源</p>
						</div>
						<div class="qr-item">
							<div class="qr-item-con common_center">
								<div class="qr-text">10 万+</div>
							</div>
							<p style="text-align: center;font-size: 16px;margin: 10px 0">独家垄断资源</p>
						</div>
						<div class="qr-item">
							<div class="qr-item-con common_center">
								<div class="qr-text">5 万+</div>
							</div>
							<p style="text-align: center;font-size: 18px;margin: 10px 0">精准微信大号</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="q-group">
			<div class="common_w">
				<div class="group_title common_center clearfix">
					<div class="t-left">
						<div class="t-border"></div>
						<div class="t-circle"></div>
					</div>
					<p class="t-content" id="zbzc">代理支持</p>
					<div class="t-right">
						<div class="t-circle"></div>
						<div class="t-border"></div>
					</div>
				</div>
				<div class="jishuWrapper clearfix">
					<div class="jishu">
						<div class="jishu-item">
							<div class="js-title" style="font-size: 24px">系统支持</div>
							<span class="js-search"></span>
							<div class="js-title" style="padding: 18px 45px;">0代理费，0预充值，没有任何门槛</div>
						</div>
					</div>
					<div class="jishu">
						<div class="jishu-item">
							<div class="js-title" style="font-size: 24px">运营支持</div>
							<span class="js-search"></span>
							<div class="js-title" style="padding: 18px 45px;">系统定期更新，API对接，降低人力成本</div>
						</div>
					</div>
					<div class="jishu">
						<div class="jishu-item">
							<div class="js-title" style="font-size: 24px">资源支持</div>
							<span class="js-search"></span>
							<div class="js-title" style="padding: 18px 45px;line-height: 45px">提供海量一手媒体资源</div>
						</div>
					</div>
					<div class="jishu">
						<div class="jishu-item">
							<div class="js-title" style="font-size: 24px">定制支持</div>
							<span class="js-search"></span>
							<div class="js-title" style="padding: 18px 46px;">支持额外设计或者程序定制</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="q-group">
			<div class="common_w">
				<div class="group_title common_center clearfix">
					<div class="t-left">
						<div class="t-border"></div>
						<div class="t-circle"></div>
					</div>
					<p class="t-content" id="hzlc">合作流程</p>
					<div class="t-right">
						<div class="t-circle"></div>
						<div class="t-border"></div>
					</div>
				</div>
				<p class="group_title_spec">加入口号帮、只需三步，轻松赚钱！</p>
				<div class="coperation-wrapper clearfix">
					<img width="80%" src="../../static/picture/qmp_coperation_03_1.png" alt="">
				</div>
				<ul class="clearfix">
					<li class="coperation-item">
						<p style="font-size: 18px;margin-top: 15px">注册认证</p>
						<p>口号帮注册入口</p>
					</li>
					<li class="coperation-item">
						<p style="font-size: 18px;margin-top: 15px">申请OEM系统</p>
					</li>
					<li class="coperation-item">
						<p style="font-size: 18px;margin-top: 15px">安装使用，开始赚钱</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="q-group">
			<div class="common_w">
				<div class="group_title common_center clearfix">
					<div class="t-left">
						<div class="t-border"></div>
						<div class="t-circle"></div>
					</div>
					<p class="t-content" id="lxwm">联系我们</p>
					<div class="t-right">
						<div class="t-circle"></div>
						<div class="t-border"></div>
					</div>
				</div>
				<div class="touchusWrapper clearfix" style="text-align: center">
					<div class="tw-left fl">
						<img src="../../static/picture/bottom_03_01.png" width="100%" alt="">
					</div>
					<div class="tw-right fl">
						<p class="tw-text">四川省品聚通科技有限公司</p>
						<p class="tw-text">028-87594617</p>
					</div>
				</div>
			</div>
		</div>

		<!-- 请完善信息 -->
		<div class="mask-box addphone allow-closs" style="background: rgba(0, 0, 0, 0.2);display: none;">
			<div class="position-m-c bgff content" style="width:420px;border-radius:2px;">
				<h2 class="ptb15 plr20 mb20 bb-e0e0e0 bold">完善基本信息</h2>
				<div class="plr20">
					<div class="mb20 user clearfix">
						<span style="float:left;padding: 13px 0;width:16%;text-align: right;">姓名：</span>
						<div class="input-item" style="float:left;width:84%;">
							<i class="khbicon khb-yonghu"></i>
							<input type="text" name="user" value="" placeholder="请输入名字" class="input inputfocus">
							<div class="err">名字不能为空或格式不对</div>
						</div>
					</div>
					<div class="mb20 phone clearfix">
						<span style="float:left;padding: 13px 0;width:16%;text-align: right;">手机号：</span>
						<div class="input-item" style="float:left;width:84%;">
							<i class="khbicon khb-phone"></i>
							<input type="text" name="phone" value="" placeholder="请输入手机号" class="input inputfocus">
							<div class="err">手机号不能为空或格式不对</div>
						</div>
					</div>
					<div class="mb20 code clearfix">
						<span style="float:left;padding: 13px 0;width:16%;text-align: right;">手机号：</span>
						<div class="input-item" style="float:left;width:84%;">
							<i class="khbicon khb-code"></i>
							<input type="text" name="code" placeholder="请输入验证码" lay-verify="code" class="input inputfocus">
							<div class="err">验证码不能为空或格式不对</div>
							<a class="codebtn" href="javascript:;" style="padding:0;line-height: 44px;text-align: center;">获取验证码</a>
						</div>
					</div>
					<div class="mb20 submit tx-c">
						<a href="javascript:;" class="khb-btn check-submit">申请</a>
					</div>
				</div>
				<i class="khbicon khb-close closebtn allow-closs"></i>
			</div>
		</div>
	
	<footerPage></footerPage>
	<right-fixed></right-fixed>
	


	
	</div>
</template>

<script>
	
	import footerPage from "../components/footer"
	import rightFixed from "../components/right-fixed"
	export default {
		components:{
			footerPage,
			rightFixed
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>


<style>
	@import url("../../static/css/c43b64ccb0b4a.css");
	@import url("../../static/css/b24663a3c8dd0.css");
	@import url("../../static/css/a12a545b1714f.css");
	@import url("../../static/css/p_reset.css");
	@import url("../../static/css/p_index.css");
	@import url("../../static/css/baidujinjia.css");
	@import url("../../static/css/icon.css");
	@import url("../../static/css/mobile.css");
	@import url("../../static/css/shouye.css");
	@import url("../../static/css/yingxiao.css");
page{
		background-color: #FFFFFF;
	}
	.a-color {
		color: white;
	}

	.ade-header .nav {
		padding: 34px 15px;
		line-height: 1;
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
		vertical-align: middle;
		border-bottom: 3px solid #fff;
		color: #666;
		position: relative;
	}

	.ade-header .nav:hover {
		text-decoration: none;
		color: #ff6900;
		cursor: pointer;
	}

	.ade-header .nav.active,
	.ade-header .sect li:hover {
		color: #ff6900;
		border-bottom-color: #ff6900;
	}

	.ade-header .nav:hover .sect {
		display: block;
		color: #666;
	}

	.ade-header .sect {
		position: absolute;
		width: 120px;
		top: 80px;
		left: 0;
		text-align: center;
		box-shadow: 0 0 10px #e9e9e9;
		background: #fff;
		z-index: 999;
		display: none;
		padding: 6px;
	}

	.ade-header .sect li {
		padding: 12px 0;
		border-bottom: 1px solid #e9e9e9;
		font-size: 15px;
	}
</style>
